@charset "UTF-8";
.con{width: 1200px;margin: 0 auto;}
.head_rt{
    position: relative;
    float: right;
    height: 110px;
    cursor: pointer;
    font-size: 0;
}
/*header*/

.header {
    z-index: 1000;
    position: fixed;
    top: 0;
    height:98px;
    width: 100%;background: rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
}
.header.on{background: #1c1c1c;}
.header.black{background: #1c1c1c;height: 78px;}
.header.black .head_bot{height: 78px;}
.header.black .logo{margin-top: 10px;}
.header.black .category-a{line-height: 78px;}
.header.black .search{height: 78px;}
.header.black .head_search .butt_search{line-height: 78px;}
.header.black .language ul{bottom: -5px;}
.header.black .search-box{height: 78px;}
.header.black .search-frame{margin-top: 14px;}
/*===============下拉==============*/
.container{margin:0 auto;width: 1600px;}
@media (max-width: 1640px){
  .container{width:1200px;}
}
.container:before,.container:after{
  content: " ";display: table;
}
.head_bot{height: 98px;}
.header .logo{
    width: 240px;
    height: 58px;
    display: inline-block;
    margin-top: 20px;
    float: left;
}
.header .logo img{
    width: 100%;
}
.navbar{float: left;margin-left: 314px;}
.navbar *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.category-item{float: left;}
.category-item-single{position: relative;}
.category-a{display: block;font-size: 16px;line-height: 98px;color: #fff;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;margin:0 30px;}
.category-a.on,.category-a:hover{color: #dc0a14;}
.category-a::after{content: '';width:0;height: 2px;background: #dc0a14;position: absolute;bottom: 0;left:50%;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item.active .category-a::after,.category-item:hover .category-a::after{width: 100%;}
.category-item.active .category-a,.category-item:hover .category-a{color:#dc0a14; }
.dropdown-menu *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.language{float: right; position: relative;}
.language a{display:block;font-size: 15px;color: rgba(255,255,255,0.6); vertical-align: middle;position: relative;margin:0;font-family: arial;}
.language>ul>li{position: relative;text-align: center; height: 24px;line-height: 24px;}
.language:hover ul{display: block;}
.language>ul>li a{color: #666;}
.language ul{background: white;width:100%;display: none;position: absolute;right: 0;bottom: 0px;z-index: 200;box-shadow: 0 0  5px rgba(0,0,0,0.2);padding: 10px 0;/* height: 230px; */top: 67px;width: 100px;height: max-content;}
.language .cn:after{display: none;}
.language i{display: inline-block;font-size: 18px;color: #717171;position: absolute;right: 0;top: 50%;margin-top: -9px;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;}
.dropdown-menu *{-webkit-box-sizing: border-box;box-sizing: border-box;}
.language:hover i{color: #dc0a14;}
.language ul li:hover a{color: #dc0a14;}

.dropdown-menu.full-screen {
    position: absolute;
    top: 100%;
    z-index: 1100;
    background-color: rgba(255,255,255,0.9);
    border-top: 1px solid #dae1e6;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    height: auto;
    display: none;
    overflow: hidden;
    width: 100%;
    min-width: 1200px;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
            box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}
.dropdown-container{box-sizing: border-box;padding: 30px 0 60px;}
.p-drop-le{height: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.p-drop-Lwrap{box-sizing: border-box;overflow-y: auto;max-height: 450px;}
.column-item{float: left;margin-right: 109px;margin-bottom: 90px;padding-right:30px;}
.column-item:nth-child(7n){margin-right: 0;}
.column-item a{display: block;font-size: 14px;color: #666;line-height: 30px;}
.column-item a:hover{color: #0e48a7;}
.column-item .nav-title{font-size: 16px;color: #333;margin-bottom: 9px;position: relative;padding-left: 12px;}
.column-item .nav-title:before{content: '';width: 2px;height: 25px;background: #0e48a7;position: absolute;left: 0;top: 50%;margin-top: -12.5px;}
.category-item:hover .dropdown-menu.full-screen{
    display: block;
    visibility: visible;
}
.dropdown-menu.single {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0);
    /* width: auto; */
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    z-index: 1100;
    background: rgba(255,255,255,1);
    margin-top: 0;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: max-height .5s;
    -o-transition: max-height .5s;
    transition: max-height .5s;
    border: none;
    color: #303233;
    height: auto;
    padding: 0;
    display: block;
}
.dropdown-menu.single li{
    display: block;
    font-size: 16px;
    width: 100%;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    border-bottom: 1px dashed #e5e5e5;
    position: relative;
}
.dropdown-menu.single li:last-child{border-bottom: 0;}
.dropdown-menu.single li>a {
    padding: 11px 20px;
    white-space: nowrap;
    display: inline-block;
    width: 100%;
    color: #333;
    line-height: 1;
    height: auto;
    background: 0 0;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.dropdown-menu.single li>i{display: block;font-size: 16px;color: #4d4d4d;position: absolute;right: 25px;top:50%;margin-top: -8px;}
.dropdown-menu.single li:hover a{color:#dc0a14;}
.dropdown-menu.single li:hover i{color:#0e48a7; }
.category-item:hover .dropdown-menu.single{
    max-height: 450px;
    opacity: 1;
}
.header_in{position: relative;}
.language{display: inline-block;float: right;padding-right: 20px;padding-left: 15px;position: relative;}
.language:before{content: '';width: 1px;height: 12px;background:rgba(255,255,255,0.2);position: absolute;left: 0;top: 50%;margin-top: -6px;}
.language a{display: inline-block;font-size: 16px;font-family: arial;}
.language a:hover{color: #dc0a14;}
.head_search .butt_search{float: right;line-height: 98px;font-size: 16px;cursor: pointer;transition: all 0.3s;border:0;background: none;color: rgba(255,255,255,0.6);}
.head_search .butt_search:hover{color:#dc0a14; }
.search-box{float: right;margin-right: 15px; background: url(../images/search.png) no-repeat center;width: 20px;height: 98px;}
.search {
	
    float: left;
    margin-right: 15px;
    height: 98px;
}

.hd_ser2 .wrapper-text{
    display: none;
    position: absolute;
    top: 47px;
    right: 0;
    width: 300px;
    height: 40px;
    border: 1px solid #ddd;
    top: 69px;
    right: 0;
    z-index: 200;

}
.hd_ser2 .text {
    box-sizing: border-box;
    color: #8b8b8b;
    font-size: 14px;
    width: 100%;
    height: 27px;
    line-height: 27px;
    padding-left: 15px;
    padding-right: 15px;
    border: none;
    height: 38px;
    line-height: 40px;
    vertical-align: top;
}
.hd_ser2 .wrapper-text.active {
    display: block!important;
}
.header-nav > li.search .hd_ser2 {
    float: none;
    margin: 0;
    width: 110px;
    height: 84px;
    background-color: #ffffff;
}
.hd_ser2 {
    position: relative;
}
@media (max-width:1640px){
    .navbar{float: left;margin-left: 80px;}
    .category-a{margin: 0 20px;}

}
.search-wrap{position: absolute;right: 0;top:0;width:70%;height: 98px;z-index: -1;opacity: 0;}
.searchopen .search-wrap{z-index: 10;opacity: 1;}
.search-frame{position: relative;height: 44px;margin-top: 28px;}
.searchopen .search-frame {-webkit-animation:searchform-fade 100ms both;animation: searchform-fade 100ms both;}
.searchopen .search-frame form {-webkit-animation:searchform-slide .1s both;animation:searchform-slide .1s both;}
.searchtext-btn{color: #000;font-size: 14px;line-height: 44px;width: 44px;height: 44px;float: left;text-align: center;cursor: pointer;-webkit-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;background: url(../images/search.png) no-repeat center;}
.searchtext-btn:hover{color: #ffba00;}
.search-input {margin-left: 44px;margin-right: 34px;-webkit-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;}
.search-wrap input {font-size: 16px;line-height: 44px;color: #fff;width: 100%;border:none;outline: none;background: none; border-bottom: solid 1px #fff;}
.search-close {width:44px;height:44px;font-size: 16px;color: #232323;line-height: 44px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;opacity: 0;background: url(../images/searchH.png) no-repeat center;background-size: 20px;}
.searchopen .search-close {opacity: 1;-webkit-transition: all .2s ease-out 0s;-o-transition: all .2s ease-out 0s; transition: all .2s ease-out 0s;}
.searchopen .search-close:hover{color:#ffba00;}
.searchshow .navbar{-webkit-animation: item-searchshow .4s both;animation: item-searchshow .4s both;}
.searchopen .navbar,.searchopen .search-box ,.searchopen .language{display: none;}
.mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.48) no-repeat;display: none;z-index:400;}
@-webkit-keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
		animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}
	100% {opacity: 1}
}
@keyframes searchform-fade {
	0% {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1);
		animation-timing-function: cubic-bezier(0.67, 0, 0.33, 1)
		}
	100% {opacity: 1}
}
@-webkit-keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
		animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes searchform-slide {
	0% {
		-webkit-transform: translate3d(100px, 0, 0);
		transform: translate3d(100px, 0, 0);
		-webkit-animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1);
		animation-timing-function: cubic-bezier(0.11393, 0.8644, 0.14684, 1)
	}
	100% {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
@-webkit-keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
		animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
	}
	40% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.7);
		transform: scale(0.7)
	}
}
@keyframes item-searchshow {
	0% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
		-webkit-animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1);
		animation-timing-function: cubic-bezier(0.2727, 0.0986, 0.8333, 1)
	}
	40% {
		opacity: 1
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.3);
		transform: scale(0.3)
	}
}


/*===============轮播切换==============*/

.banner_index{width: 100%;position: relative;overflow: hidden;}
.banner_index li a>img {display: block;width: 100%;}
.banner_index .slides li {position: relative;background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner_index a {display: block;}
.ban-info{position: absolute;left:50%;transform: translate(-50%,-50%);}
.ban-info1{top: 25%;}
.ban-info2{top: 28%;}
.ban-info3{top: 21.5%;}
.banner_con .ban-info img{display: block;margin:0 auto;}
.banner_index .flex-direction-nav .flex-prev,
.banner_index .flex-direction-nav .flex-next {
    width: 50px;
    height:70px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    font-size: 0;
    background-color: rgba(0,0,0,0.5);
    opacity: 0;
}
.banner_index:hover .flex-direction-nav .flex-prev,.banner_index:hover .flex-direction-nav .flex-next{opacity: 1;}
 .banner_index .flex-direction-nav .flex-prev {
    left: 30px;
    background: rgba(0,0,0,0.5) url(../images/more-right.png) no-repeat center;
    background-size: 15px 24px;
    transform: rotate(180deg);
}

.banner_index .flex-direction-nav .flex-next {
    right: 30px;
    background: rgba(0,0,0,0.5) url(../images/more-right.png) no-repeat center;
     background-size: 15px 24px;
}

.banner_index .flex-direction-nav .flex-prev:hover {
background-color: #dc0a14;
}

.banner_index .flex-direction-nav .flex-next:hover {
background-color: #dc0a14;
} 
.banner_index .flex-control-paging {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}
.banner_index .flex-control-paging li {
    float: left;
    margin: 0 30px;
    cursor: pointer;
    position: relative;
}
.banner_index .flex-control-paging li:after{content: '';width: 62px;height: 1px;border:1px dashed rgba(255,255,255,0.5);position: absolute;left: 13px;top: 50%;margin-top: -1.5px;}
.banner_index .flex-control-paging li:last-child:after{display: none;}
.banner_index .flex-control-paging a {
    display: block;
    width: 6px;
    height: 6px;
    transform: rotate(45deg);
    background: #fff;
    font-size: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.banner_index .flex-control-paging li a{position: relative;}
.banner_index .flex-control-paging li a:after{content: '';width: 16px;height: 16px;background:rgba(255,255,255,0.3);border-radius: 50%;position: absolute;left:50%;top:50%;margin-top: -8px;margin-left: -8px;opacity: 0;transition: all 0.3s;}
.banner_index .flex-control-paging li a.flex-active:after{opacity: 1;}
.banner_index .flex-control-paging li a.flex-active{background:#d4161e; }




@media (max-width:1640px){
    .banner_con .ban-info img{width: 80%;}
}
@media (max-width:1520px){
  .ban-info1{top: 28%;}
  .ban-info2{top: 31%;}
  .ban-info3{top: 24.5%;}
}

@media (max-width:1280px){
    /* .banner_index .flex-control-paging{display: block;} */
}
/*加载*/
#preloader {
  position: fixed;
  width: 96px;
  height: 96px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
  border-radius: 16px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
  -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
  transition: opacity .2s ease-out, visibility 0s linear .2s;
  z-index: 1002;
}

#preloader.fullscreen {
  padding: 0;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  background-color: #fff;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

#preloader.show {
  -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
  -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
  transition: opacity .4s ease-out, visibility 0s linear 0s;
  visibility: visible;
  opacity: 1;
}

#preloader .circular {
  -webkit-animation: loader-rotate 2s linear infinite;
  animation: loader-rotate 2s linear infinite;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -24px;
  margin-left: -24px;
  display: block;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

#preloader .path {
  stroke-dasharray: 1, 200;
  stroke-dashoffset: 0;
  -webkit-animation: loader-dash 1.5s ease-in-out infinite;
  animation: loader-dash 1.5s ease-in-out infinite;
  stroke-linecap: round;
}
@-webkit-keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes loader-rotate {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}

@keyframes loader-dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35px;
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -136px;
  }
}



/* 首页 */




.nav_center div, .index_nav_center div, .shou, .zhan {
        -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
        box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.shou {
        z-index: 1000000;
        cursor: pointer;
        width: 30px;
        height: 40px;
        top: 50%;
        margin-top: -15px;
        border-radius: 5px 0 0 5px;
        right: 62px;
        background: url("../images/kefu_j.png") no-repeat -310px 0 #fff;
        position: absolute;
}

.shou.on {background-position: -310px -40px;}

/* 首页 start */
.in-one{padding: 99px 0 78px;position: relative;overflow: hidden;}
#mydiv{position: absolute;left:0;top: 0;height: 100%;}
.tit{text-align: center;}
.tit h3{font-size: 70px;color: rgba(51,51,51,0.08);line-height: 55px;font-family: 'AK';text-transform: uppercase;}
.tit h4:after{content: '';width: 40px;height: 2px;background: #d3484f;position: absolute;bottom: 0;left: 50%;margin-left: -20px;}
.tit h4{color: #333;font-size: 40px;line-height: 40px;position: relative;padding-bottom: 29px;margin-top: -33px;}

@media (max-width:1640px){
  .foot-rttop li.jd{margin-bottom: 0;}
  .foot-rttop li.tm{margin-bottom: 0;}
}


.aus-ryzz{position: relative;padding: 0 50px;}
.aus-ryzz .swiper-prev,.aus-ryzz .swiper-next{
    border-radius: 50%;
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    transition: .5s;
    font-size: 36px;
    z-index: 10;
    cursor: pointer;
    color: #999;
}
.aus-ryzz .swiper-prev{left: 0;}
.aus-ryzz .swiper-next{right: 0;}
.aus-ryzz .swiper-prev:hover,.aus-ryzz .swiper-next:hover{color:#dc0a14;}

#ryzzSlide{
    width: 100%;
    margin-top: 85px;
    position: static;
    padding-bottom: 18px;
}
#ryzzSlide .swiper-slide{
    width: 500px;
    text-align: center;
    margin-bottom: 52px;

}
#ryzzSlide .p-pic{
    width: 500px;
    height: 500px;
    position: relative;
}
#ryzzSlide .p-tit{width: 500px;/* height: 220px; */background: rgba(202, 29, 37, 0.9);opacity: 0;padding: 17px 24px 13px;transition: all .3s;margin:0 auto;margin-top: -104px;position: relative;}
#ryzzSlide .p-pic:after{content: '';width: 100%;height: 100%;background: rgba(245, 245, 245, 0.5);position: absolute;left: 0;top: 0;}
#ryzzSlide .swiper-slide img{width:100%;height:100%;}
#ryzzSlide .swiper-slide-active .p-tit{opacity: 1;}

#ryzzSlide .p-tit h3{color: #fff;font-size: 22px;line-height: 28px;margin-bottom: 4px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;letter-spacing: 1px;}
#ryzzSlide .p-tit p{color: rgba(255,255,255,0.8);font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 22px;height: 44px; text-align:left;}
#ryzzSlide .p-tit span{display: inline-block;width: 150px;height: 31px;border:1px solid rgba(255,255,255,0.6);border-radius: 19.5px;margin-top: 10px;color: #fff;font-size: 16px;line-height: 29px;position: relative;text-align: left;padding-left: 26px;}
#ryzzSlide .p-tit span i{display: inline-block;width: 23px;height: 13px;background: url(../images/right.png) no-repeat center;position: absolute;right: 24px;top: 50%;margin-top:-6.5px;}
#ryzzSlide .swiper-slide-active .p-pic:after{display: none;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width: 8px;height: 8px;background: url(../images/dot.png) no-repeat center;font-size: 0;border-radius: 0;margin:0 35px;opacity: 1;position: relative;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background: url(../images/doth.png) no-repeat center;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:before{ content: '';width: 16px;height: 16px;background: rgba(204,204,204,0.4);border-radius: 50%;position: absolute;left: 50%;top: 50%;margin-top: -8px;margin-left: -8px;opacity: 0;transition: all 0.3s;z-index: -1;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:after{content: '';width: 52px;height: 1px;border:1px dashed #ccc;position: absolute;left: 18px;top: 50%;margin-top: -0.5px;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active:before{opacity: 1;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child:after{display: none;}
.swiper1 .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 0;}


/* 行业应用 */
.in-two{overflow: hidden;}
.in2-lf{width: 62.5%;float: left;position: relative;}
.in2-rt{width: 37.5%;float: right;}
.swiper2 .swiper-slide{position: relative;overflow: hidden;}
.swiper2 .swiper-slide img{display: block;width: 100%;transition: all 0.4s;}
.swiper2 .swiper-slide .in2-rtpic:after{content:'';width: 100%;height: 100%;background: url(../images/in2-bg.png) no-repeat center;position: absolute;left:0;top: 0;z-index: 5;background-size: 100% 101%;}
.swiper2 .swiper-next,.swiper2 .swiper-prev{opacity: 0; position: absolute;top: 50%;margin-top: -12px;font-size: 24px;color: #fefefe;z-index: 10;cursor: pointer;transition: .5s;}
.swiper2:hover .swiper-next,.swiper2:hover .swiper-prev{opacity: 1;}
.swiper2 .swiper-next{right: 85px;}
.swiper2 .swiper-prev{left: 85px;}
.swiper2 .swiper-next:hover,.swiper2 .swiper-prev:hover{color: #dc0a14;}
.in2-rtpic{overflow: hidden;position: relative;}
.in2-rtpic img{display: block;width: 100%;transition: all 0.4s;}
.in2-rtpic:hover img{transform: scale(1.1);}
.in2-rttop .in2-rtpic{position: relative;overflow: hidden;}
.in2-lf .tit{position:absolute;left:13.3%;top:10%;z-index: 5;text-align: left;}
.in2-lf .tit h4:after{left: 0;margin-left: 0;background: #fff;}
.in2-lf .tit h3{color: rgba(255,255,255,0.1);}
.in2-lf .tit h4{color: #fff;}
.in2-lfdesc{position: absolute;bottom: 37px;left: 0;z-index: 10;padding: 0 13.3%;width: 100%;}
.in2-lfdesc p{color: #fff;font-size: 30px;letter-spacing: 1px;padding-left: 18px;position: relative;line-height: 30px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in2-lfdesc p:before{content: '';width: 3px;height: 32px;background: #ca1d25;position: absolute;left: 0;top: 50%;margin-top: -16px;}
.in2-rttop{position: relative;/* margin-top: -1px; */}
.in2-rtpic:after{content: '';width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;background: url(../images/desc-bg.png) no-repeat center;background-size: 100% 101%;}
.in2-rttop .in2-lfdesc{padding: 0 45px;}
.in2-rttop:hover .in2-rtpic img{transform: scale(1.1);}

/* 关于我们 */
.in-three{margin-top: -5px;z-index: 33; padding: 120px 0 107px;position: relative;overflow: hidden;}
.in-three .tit{margin-bottom: 58px;}
.in-three .tit h4:after{background: #fff;}
.in-three .tit h3{color: rgba(255,255,255,0.08);}
.in-three .tit h4{color: #fff;}
.in3_tab .in3-item p{color: #fff;font-size: 16px;text-align: center;padding: 0 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;height: 150px;/* line-height: 24px!important; */}
.in3-con{padding: 0 152px;}
.in3-nav li{width: 320px;height: 120px;background: rgba(255,255,255,0.95) no-repeat 64px center;float: left;margin-right: 5px;}
.in3-nav li a{display: inline-block;padding-left: 156px;padding-top: 37px;width: 100%;height: 100%;}
.in3-nav li:last-child{margin-right: 0;}
.in3-nav li.active{background: #ca1d25 no-repeat 64px center;}
.in3-nav{margin-top: 60px;}
.in3-nav li.in3-nav-item1{background-image:url(../images/img7.png);}
.in3-nav li.active.in3-nav-item1{background-image:url(../images/img7h.png);}
.in3-nav li.in3-nav-item2{background-image:url(../images/img8.png);}
.in3-nav li.active.in3-nav-item2{background-image:url(../images/img8h.png);}
.in3-nav li.in3-nav-item3{background-image:url(../images/img9.png);}
.in3-nav li.active.in3-nav-item3{background-image:url(../images/img9h.png);}
.in3-nav li.in3-nav-item4{background-image:url(../images/img10.png);}
.in3-nav li.active.in3-nav-item4{background-image:url(../images/img10h.png);}

.in3-nav li h3{font-size: 22px;color: #444;margin-bottom: 3px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.in3-nav li p{font-size: 16px;color: rgba(102,102,102,0.66);overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-family: 'open sans';}
.in3-nav li.active h3{color: #fff;}
.in3-nav li.active p{color: rgba(255,255,255,0.66);}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.fade.in {opacity: 1;}
.in3-box>.in3-item{display: none;}
.in3-box>.active {display: block;}




.in-four{padding: 98px 0 62px;background: #f5f5f5;overflow: hidden;}
.in4-nav{margin-top: 30px;margin-bottom: 47px;}
.in4-nav li a{display: block;font-size: 18px;color: #333;line-height: 38px;padding-left: 23px;position: relative;}
.in4-nav ul{font-size: 0;text-align: center;}
.in4-nav li{width: 136px;height: 38px;display: inline-block;text-align: left;margin:0 3px;}
.in4-nav li a i{display: inline-block;width: 8px;height: 8px;background: #ccc;position: absolute;right: 23px;top: 50%;margin-top: -4px;}
.in4-nav li.active a{background: #ca1d25;color: #fff;}
.in4-nav li.active a i{background: #fff;}
.in4-box>.in4-item{display: none;}
.in4-box>.active {display: block;}
.in4-pic{overflow: hidden;}
.in4-pic img{display: block;width: 100%;transition: all 0.3s;    height: 328px;}
.in4-desc{padding: 0 10px;position: relative;margin-top: -20px;}
.in4-descIn{background: #fff;padding: 37px 25px 48px;box-shadow: 3px 4px 15px rgba(0,0,0,0.05);}
.in4-descIn h3{font-size: 18px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;margin-bottom: 6px;}
.in4-descIn h4{font-size: 14px;color: #999;margin-bottom: 20px;}
.in4-descIn p{font-size: 14px;color: #777;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;}
.in4-descIn span{display: inline-block;width: 24px;height: 13px;background: url(../images/right1.png) no-repeat center;margin-top: 48px;}
.swiper3 .swiper-wrapper{padding-bottom: 78px;}
.swiper3 .swiper-pagination{bottom: 0!important;}
.swiper3 .swiper-pagination-bullet{width:10px;height: 10px;background: #c9c9c9;opacity: 1;margin:0 8px!important;}
.swiper3 .swiper-pagination-bullet-active{background: #ca1d25;}
.swiper3 .swiper-slide:hover .in4-descIn h3{color: #bd1f26;}
.swiper3 .swiper-slide:hover .in4-descIn span{background: url(../images/right2.png) no-repeat center;}
.swiper3 .swiper-slide:hover .in4-pic img{transform: scale(1.1);}


/* footer */
.footer{background: #1d1d1d;padding-top: 79px;border-top: 3px solid #bd1f26;}
.foot-top{margin-bottom: 15px;}
.foot-toplf{width: 1138px;float: left;position: relative;}
.foot-toplf dt a{font-size: 16px;color: #fff;padding-left: 12px;position: relative;display: inline-block;margin-bottom: 13px;}
.foot-toplf dt a:before{content: '';width: 2px;height: 15px;background: #bd1f26;position: absolute;left: 0;top: 50%;margin-top: -7.5px;}
.foot-toplf dl{float: left;padding-right: 117px;}
.foot-toplf dl:last-child{padding-right: 0;}
.foot-toplf dd a{font-size: 14px;color: rgba(255,255,255,0.4);display: inline-block;padding-left: 12px;line-height: 26px;}
.foot-toprt{float: right;width: 294px;position: relative;padding-bottom: 25px; padding-right:20px;}
.foot-toprt:before{content: '';width: 1px;height: 100%;background: rgba(255,255,255,0.06);position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

.foot-toprt-pic{text-align: right;margin-bottom: 33px;}
.foot-toprt-pic img{display: inline-block;}
.foot-share .bdsharebuttonbox a{font-size: 22px;color: #a4a4a4;display: inline-block;margin:0 9px;background: none;padding-left: 0;float: none;height: 22px;line-height: 22px;opacity: 1;}
.foot-share .bdsharebuttonbox a.bds_sqq{background: url(../images/share-qq.png) no-repeat center;width: 18px;height: 19px;opacity: 0.5;}
.foot-share .bdsharebuttonbox a.bds_tsina{background: url(../images/share-wb.png) no-repeat center;width: 22px;height: 18px;opacity: 0.5;}
.foot-share .bdsharebuttonbox a.bds_weixin{background: url(../images/share-wx.png) no-repeat center;width: 20px;height: 17px;opacity: 0.5;}
.foot-share .bdsharebuttonbox a.bds_qzone{background: url(../images/share-qz.png) no-repeat center;width: 20px;height: 17px;opacity: 0.5;}

.foot-share{font-size: 0;text-align: right;}
.foot-share .bdsharebuttonbox a:last-child{margin-right: 0;}
.foot-share .bdsharebuttonbox a:hover{color: #fff;opacity: 1;}
.bd_weixin_popup{height: 318px!important;}
.footer-friend{position: relative;width: 220px;}
.footer-text{
  font-size: 14px;
  color: #999;
  line-height: 40px;
  background:#2a2a2a;
  padding:0 24px;
  width:100%;
  height: 40px;
  position: relative;
  cursor:pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.footer-text::after{
  content: '';
  width: 12px;height: 7px;background: url(../images/up.png) no-repeat center;
  position: absolute;
  right:24px;
  top: 50%;
  margin-top: -3.5px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
.footer-list{
  position:absolute;
  left:0;
  bottom: 35px;
  padding-bottom: 5px;
  width: 100%;
  z-index: 10;
  display: none;
}
.footer-list .m-padd{
  border:1px solid #bd1f26;
  background:#fff;
}

.footer-list a{display:block;padding:5px 10px;color:#999;}
.footer-list a:hover{color:#bd1f26; }
.foot-mid{margin-bottom: 30px;font-size: 14px;color: white;opacity: 0.8;margin-top: 20px;}
.foot-mid a{    color: rgba(255,255,255,0.4);padding: 0 10px;}
.foot-bot{padding: 22px 0;position: relative;border-top: 1px solid rgba(255,255,255,0.06);}
.foot-bot p,.foot-bot p a{font-size: 14px;color: rgba(255,255,255,0.4);display: inline-block;}
.foot-bot p.p1{float: left;}
.foot-bot p.p2{float: right;}
.footer a:hover{color: #bd1f26;}

@media(max-width: 1640px){
  .in3-con{padding: 0;}
  .in3-nav li{width: 24.6%;}
  .in3-nav li{background: rgba(255,255,255,0.95) no-repeat 34px center;}
  .in3-nav li a{padding-left: 128px;}
  .in3-nav li.active{background: #ca1d25 no-repeat 34px center;}
  .foot-toplf{width: 855px;}
  .foot-toplf dl{padding-right: 60px;}
  .foot-toprt{width: 280px;}
  
	
	
	.aus-ryzz{padding: 0 45px;}
  #ryzzSlide .swiper-slide{width: 370px;}
  #ryzzSlide .p-pic{width: 370px;height: 370px;}
  #ryzzSlide .p-tit{width: 370px;}
}


/*================内页==============================*/
.section{width: 100%;overflow: hidden;}
.ny-banner{
	height: 500px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding-top: 280px;
	    position: relative;
}
.ny-banner h3{
	font-size: 42px;
	color: #fff;
	line-height: 42px;
	text-align: right;
	padding-right: 20px;
	letter-spacing: 1px;
	border-right: solid 4px #d6000f;
}
.second-nav{
	height: 60px;
	border-bottom: solid 1px #dddddd;
	background: white;
}
.second-nav a{
	font-size: 16px;
	color: #666;
	display: block;
	float: left;
	padding: 0 40px;
	line-height: 60px;
	position: relative;
}
.second-nav a:after{
	position: absolute;
	content: '';
	width: 1px;
	height: 20px;
	background: #dddddd;
	right: 0;
	top: 50%;
	margin-top: -10px;
}
.second-nav a:last-child:after{display: none;}
.second-nav a.active{background: #dc0a14;color: white;}
.second-nav a:hover{background: #dc0a14;color: white;}
.second-nav a.active:after{position: absolute;
	content: '';
	width: 1px;
	height: 20px;
	background: #dddddd;
	right: 0;
	top: 50%;
	margin-top: -10px;}

/*产品中心*/
.product{
	padding: 40px 0;
	background: #f5f5f5;
}
.pro-big{margin-left: -30px;padding-bottom: 20px;}
.pro-list{
	display: block;
	float: left;
	margin-left: 30px;
	margin-bottom: 30px;
	width: 380px;
	height: 470px;
	border: solid 1px #ebebeb;
	background: white;
	box-shadow: 5px 0 30px rgba(0,0,0,0.06);
}
.pro-pic{
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.pro-pic img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.pro-font{
	padding: 30px;
	border-top: solid 1px #ebebeb;
}
.pro-font h3{
	font-size: 16px;
	color: #666666;
	line-height: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 10px;
}

.pro-font p{
    font-size: 14px;
    line-height: 18px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 15px;
}

.pro-font span{
	display: block;
	width: 130px;
	height: 40px;
	line-height: 40px;
	background: #b0b0b0 url(../images/pro-more.png) no-repeat left 20px center;
	color: white;
	font-size: 14px;
	text-align: center;
	padding-left: 25px;
	border-radius: 3px;
	transition: all .5s;
}
.pro-list:hover img{transform: scale(1.1);}
.pro-list:hover .pro-font span{background-color: #d90e1e;}

/*分页*/
.page .zzzz
{
     display:none;
    }
.page{width: 100%;height: 60px;border-top: 1px solid #e0e0e0;border-bottom: 1px solid #e0e0e0; position:relative;}
.page_inner{font-size: 0;     border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;}
.page a{width: 58px;height: 58px;color: #666;font-size: 20px;display: inline-block;line-height: 58px;/*border-left: 1px solid #e0e0e0;*/border-right: 1px solid #e0e0e0;text-align: center;border-spacing: 0; border-collapse: collapse;}
.page a:first-child{ border-left: 1px solid #e0e0e0;}
.page a.on,.page a:hover{color: #dc0a14;}
.page .page_prev{font-weight: bold; border-right: 1px solid #e0e0e0;font-size: 16px;border-left: 1px solid #e0e0e0;color: #999999; position:absolute; top:0; right:58px;}
.page .page_prev:hover{}
.page .page_next{border-left: 1px solid #e0e0e0;font-weight: bold;    font-size: 16px;    color: #999999;    border-right: none; position:absolute; top:0; right:0;}
.page .page_next:hover{}

/*产品详情*/
.pro-one{
	padding: 120px 0 0 0;
	background: #f5f5f5;
}
.crumb{
	padding-left: 30px;
	background: url(../images/pro-home.png) no-repeat left center;
	color: #666;
	font-size: 14px;
}
.crumb a{
	color: #666;
	font-size: 14px;
}
.crumb a.active{
	color: #dc0a14;
}
.proi-top{padding:60px 0 100px 0;}
.pro_left{width:552px;float:left; overflow:hidden;height: 437px;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width:548px;height:433px; overflow:hidden;}
.jqzoom img{width:100%; height:100%;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:368px;height:368px;background:#ffffff;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:200px !important;height:200px !important;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{}
.spec-scroll{float: right;width:100%;height: 102px;}
.spec-scroll .prev{margin-right: 16px;}

.spec-scroll .prev,.spec-scroll .next{position: relative;z-index: 2; width:15px;height:102px;cursor:pointer;float: left;line-height: 102px;font-size: 20px;color: #999;}
.spec-scroll .prev:hover,.spec-scroll .next:hover{color: #e13941;}

.spec-scroll .items{width:420px;height:102px;overflow:hidden;float: left;position: relative;}
.spec-scroll .items ul{position:absolute;}
.spec-scroll .items ul li{width:130px;text-align:center;height: 102px;float: left;margin-right: 10px;}
.spec-scroll .items ul li img{border:1px solid #cbcbcb;width:130px;height: 102px;}
.spec-scroll .items ul li.hover img { border:1px solid #e13941;}

.pro_right{padding-top: 80px;width: 490px;float: left;position: relative;overflow: hidden;margin-left: 50px;}
.pror-tit{font-size: 28px;color: #333;line-height: 36px;margin-bottom: 15px;}

.pror-tit2{    font-size: 16px;
    color: #666;
    line-height: 22px;
    margin-bottom: 20px;
    min-height: 50px;}

.pro-two{padding-top: 20px;height: 97px;}
.pro-two a{
	display: block;
	float: left;
	line-height: 75px;
	font-size: 16px;
	color: #666;
	padding: 0 20px;
	margin-right: 40px;
}
.pro-two a.on{border-bottom: solid 2px #dc0a14;color: #dc0a14;}
/*锚点*/
.nei_anchor {text-align: center;display: none;position: fixed;left: 0;top: 0;font-size:0;width: 100%;z-index: 1001;background: #fff;box-shadow: 0px 0px 8px 0px #d6d6d6;}
.nei_anchor span {display: inline-block;*display: inline;*zoom: 1;}
.nei_anchor span a {margin-right: 0; font-size: 16px;color: #666;line-height: 60px;padding: 0 40px;display: inline-block;-webkit-transition: .5s;-moz-transition: .5s;-ms-transition: .5s;-o-transition: .5s;transition: .5s;position: relative;}
.nei_anchor span a:after{content: '';width: 1px;height: 17px;background: #dadada;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.nei_anchor span.on a:after,.nei_anchor span a:hover:after{display: none;}
.nei_anchor span:hover a,
.nei_anchor span.on a {color: #fff;background: #dc0a14;}
.nei_anchor span.span1 a {
    background: transparent;
    color: #666;
}
.pro-three{
	height: 720px;
	padding: 200px 0;
	background: url(../images/proinfo1.png) no-repeat center;
	background-size: cover;
}
.prot-left{
	float: left;
}
.prot-left h3{
	font-size: 36px;
	color: white;
	line-height: 30px;
	font-family: 'Open Sans';
	margin-bottom: 30px;
}
.prot-left p{
	font-size: 16px;
	color: rgba(255,255,255,0.8);
	line-height: 30px;
}
.prot-right{float: right;padding-top: 60px;}
.pro-four{
	padding: 75px 0 85px 0;
}
.pro-tit{
	font-size: 36px;
	line-height: 36px;
	color: #444;
	text-align: center;
	margin-bottom: 50px;
}
.pro-four table{width: 100%;}
.pro-four td{
	font-size: 16px;
	border: solid 2px white;
	text-align: center;
	line-height: 60px;
	width: 25%;
	background: #f5f5f5;
	color: #666;
}
.pro-four td:nth-child(odd){color: white;background: #999999;font-size: 18px;}
.pro-five{
	padding: 65px 0 50px 0;
	background: #f5f5f5;
}
.pro-five ul{margin-left: -30px;}
.pro-five li{
	float: left;
	width: 380px;
	height: 230px;
	margin-left: 30px;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.pro-five li img{display: block;width: 100%;height: 100%;transition: all .5s;}
.pro-five li .proe-font{
	background: url(../images/proinfo-bg.png) no-repeat center;
	height: 124px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 83px 26px 0 26px;
	color: white;
	font-size: 18px;
	line-height: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.pro-five li:hover img{transform: scale(1.1);}
.pro-six{
	padding: 90px 0 110px;
}
.pro-six img{display: block;width: 100%;}
.pro-seven{
	background: #f5f5f5;
	padding: 90px 0 105px 0;
}
.pron-top{text-align: center;margin-bottom: 80px;}
.pron-top a{
	display: inline-block;
	width: 160px;
	height: 50px;
	text-align: center;
	line-height: 50px;
	font-size: 18px;
	color: white;
	background: #999;
	margin: 0 3px;
}
.pron-top a:hover,.pron-top a.on{background: #dc0a14;}
.pron-big{
	margin-left: -20px;
	display: none;
}
.pron-list{
	display: block;
	float: left;
	margin-left: 20px;
	margin-bottom: 20px;
	width: 385px;
	height: 240px;
	background: white;padding: 30px;
	position: relative;
	transition: all .5s;
}
.pron-list h3{
	font-size: 20px;
	color: #444444;
	line-height: 28px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 10px;
}
.pron-list h3:after{
	position: absolute;
	content: '';
	width: 18px;
	height: 2px;
	background: #e33b43;
	left: 0;
	bottom: 0;
}
.pron-list h4{
	font-size: 16px;
	color: #999999;
	line-height: 30px;
	font-family: arial;
}
.pron-list span{
	position: absolute;
	left: 30px;
	bottom: 30px;
	width: 130px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: solid 1px #e0e0e0;
	font-size: 14px;
	color: #666666;
	background: url(../images/prodown.png) no-repeat left 18px center;
	padding-left: 25px;
	border-radius: 3px;
	transition: all .5s;
}
.pron-list:hover{
	box-shadow: 5px 0 20px rgba(0,0,0,0.08);
}
.pron-list:hover span{
	background: #dc0a14 url(../images/pro-downH.png) no-repeat left 18px center;
	color: white;
	border-color: #dc0a14;
}

/*行业应用*/
.appli{
	padding: 80px 0 65px 0;
	background: white;
}
.appli-big{
	margin-left: -22.5px;
}
.appli-list{
	display: block;
	float: left;
	width: 385px;
	height: 310px;
	margin-left: 22.5px;
	margin-bottom: 40px;
	position: relative;
}
.appli-pic{
	width: 100%;
	height: 240px;
	overflow: hidden;
}
.appli-pic img{
	display: block;width: 100%;
	height: 100%;
	transition: all .5s;
}
.appli-tit{
	width: 365px;
	height: 80px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -182.5px;
	line-height: 80px;
	background: white;
	font-size: 18px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #666;padding: 0 22px;
	box-shadow: 3px 3px 15px rgba(0,0,0,0.08);
	transition: all .5s;
}
.appli-list:hover img{transform: scale(1.1);}
.appli-list:hover .appli-tit{transform: translateX(10px);color: #dc0a14;}

/*行业详情*/
.news-nav{margin-top: 98px; height: 60px;border-bottom: solid 1px #e2e2e2;background: #fafafa;}
.news-nav a{font-size: 16px;color: #666;line-height: 60px;display: block;float: left;margin-right: 70px;}
.news-nav a.active{line-height: 57px; color: #dc0a14;border-bottom: solid 3px #dc0a14;}
.news-left{float: left;width: 800px;border: solid 1px #ebebeb;padding: 36px 50px 49px 50px;background: #fafafa;}
.news-left h1{font-size: 26px;color: #444;line-height: 36px;/*font-family: 'st';*/margin-bottom: 30px;}
.news-left p{ color:#777;}
.news-left p  video{
	max-width:100%;
}
.news-left img{
    max-width: 100%;
    width: auto!important;
    height: auto!important;
}
.appinfo,.newsinfo{padding: 35px 0 100px 0;}
.ninfo{margin-top: 23px;margin-bottom: 43px;}
.ninfo-left{font-family: "微软雅黑"; float: left;font-size: 14px;color: #999;line-height: 32px;padding-left: 28px;background: url(../images/time.png) no-repeat left center;}
.appinfo .news-share{float: none;}
.news-share{float: right;}
.news-share span{float: left;display: block; font-size: 14px;color: #666;padding-right: 20px;background: url(../images/share.png) no-repeat right center;line-height: 32px;}
.news-share a{float: left; width: 32px;height: 32px !important;padding: 0 !important;margin: 0 !important;margin-left: 9px !important;border-radius: 50%;opacity: 0.9;}
.news-share a.bds_tsina{background: url(../images/news-wb.png) no-repeat center;}
.news-share a.bds_weixin{background: url(../images/news-wx.png) no-repeat center;}
.news-share a.bds_sqq{background: url(../images/news-qq.png) no-repeat center;}
.news-share a.bds_linkedin{background: url(../images/news-in.png) no-repeat center;}
.news-share a.bds_qzone{background: url(../images/news-qz.png) no-repeat center;}
.news-share a:hover{opacity: 1 !important;}
.back{height: 40px;margin-top: 50px;}
.news-prev{display: block;float: left;margin-right: 10px;width: 150px;height: 40px;font-size: 16px;padding-left: 10px; line-height: 36px;color: #dc0a14;text-align: center;border-radius: 30px;border: solid 1px #dc0a14;font-family: "微软雅黑";background: url(../images/news-prev.png) no-repeat left 40px center;}
.news-next{display: block;float: left;width: 150px;height: 40px;font-size: 16px;line-height: 36px;padding-right: 10px;color: #dc0a14;text-align: center;border-radius: 30px;border: solid 1px #dc0a14;font-family: "微软雅黑";background: url(../images/news-right.png) no-repeat right 40px center;}
.news-prev:hover,.news-next:hover{background-image: url(../images/more-right.png);color: white;background-color: #dc0a14;border-color: #dc0a14;}
.news-prev:hover{background-image: url(../images/news-rightH.png);}
.news-right{float: right; width: 370px;background: #fafafa;border: solid 1px #ebebeb;padding: 20px 25px 35px 25px;}
.news-right h3{font-size: 20px;color: #333;/*font-family: 'st';*/padding-left: 30px;background: url(../images/zan.png) no-repeat left 3px top;padding-bottom: 15px;border-bottom: solid 1px #e7e7e7;line-height: 26px;}
.news-tj{display: block;margin-top: 27px;}
.news-tj h4{padding-left: 19px;/*font-family: 'st';*/font-size: 16px;color: #666;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 7px;position: relative;}
.news-tj h4:before{position: absolute;content: '';width:6px;height: 12px;background: url(../images/app-more-right.png) no-repeat center;background-size: cover; left: 7px;top: 50%;margin-top: -6px;}
.news-tj h5{padding-left: 19px;font-size: 14px;color: #999;font-family: "微软雅黑";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.news-tj:hover h4,.news-tj:hover h6{color: #dc0a14;}
.news-right h2{font-size: 20px;color: #333;padding-bottom: 20px;line-height: 20px;border-bottom: solid 1px #e7e7e7;position: relative;}
.news-right h2:after{position: absolute;content: '';width: 40px;height: 2px;background: #dc0a14;left: 0;bottom: 0;}
.news-tj h6{padding-left: 19px;/*font-family: 'st';*/font-size: 18px;color: #666;line-height: 20px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 7px;position: relative;}
.news-tj h6:before{position: absolute;content: '';width:6px;height: 12px;background: url(../images/app-more-right.png) no-repeat center;background-size: cover; left: 7px;top: 50%;margin-top: -6px;}
.newsinfo .news-right{padding-bottom: 30px;}
.newsinfo .news-tj{margin-top: 21px;}


/*公司新闻*/
.news-one{padding: 80px 0;}
.none-left{width: 49%;float: left;}
.news-slide{display: block;position: relative;}
.news-pic{width: 100%;height: 430px;overflow: hidden;}
.news-pic img{display: block;}
.news-font{position: absolute;bottom: 0;left: 0;width: 100%; height: 80px;padding: 20px; background: rgba(0,0,0,0.4);}
.news-font h3{width: 75%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float: left;font-size: 18px;color: white;line-height: 18px;}
.news-font span{line-height: 18px;float: right;color: white;font-size: 14px;font-family: arial;}
.none-left .swiper-pagination{bottom: 15px !important; text-align: left;padding-left: 17px;}
.none-left .swiper-pagination-bullet{background: rgba(255,255,255,0.5);opacity: 1;}
.none-left .swiper-pagination-bullet-active{background: white;}
.none-right{width: 49%;float: right;}
.nr-list{transition: all .5s; display: block;margin-bottom: 20px; width: 100%;height: 130px;background: #f5f5f5;padding: 30px 30px 23px 30px;}
.nr-left{float: left;width: 53px;}
.news-time{margin-bottom: 12px; font-size: 40px;color: #999;font-family: 'cond';text-align: center;line-height: 29px;padding-bottom: 15px;border-bottom: solid 1px #d4d4d4;}
.news-data{font-size: 14px;color: #666666;opacity: 0.8; line-height: 14px;font-family: arial;}
.nr-right{float: right;width: 85%;}
.nr-right h3{font-size: 16px;color: #333;line-height: 16px;margin-bottom: 13px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.nr-right p{display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;height: 48px; font-size: 14px;color: #777777;line-height: 24px;}
.nr-list:hover{background: #dc0a14;}
.nr-list:hover .news-time,.nr-list:hover h3,.nr-list:hover p{color: white;}
.nr-list:hover .news-data{color: rgba(255,255,255,0.8);opacity: 1;}
.nr-list:hover .news-time{border-color: rgba(255,255,255,0.8);}
.news-two{padding: 66px 0 100px 0;background: #f5f5f5;}
.zhhd{padding: 80px 0 100px 0;}
.zhhd-big{margin-left: -20px;padding-bottom: 70px;}
.zhhd-list{position: relative;margin-left: 20px;width: 385px;float: left;margin-bottom: 20px;display: block;}
.zhhd-pic{width: 100%;height: 243px;overflow: hidden;}
.zhhd-pic img{display: block;width: 100%;height: 100%;transition: all .5s;}
.zhhd-font{box-shadow: 0 0 20px 5px rgba(0,0,0,0.06);padding: 30px 25px 40px;background: white;}
.zhhd-font h3{font-size: 18px;color: #333333;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.zhhd-font h4{margin-bottom: 15px; font-size: 14px;color: #999;line-height: 14px;font-family: arial;margin-top: 12px;}
.zhhd-font p{    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;height: 48px;margin-bottom: 30px; font-size: 14px;color: #777;line-height: 24px;}
.zhhd-font span.more-span{transition: all .5s; display: block;width: 130px;height: 40px;font-size: 14px;color: #666;text-align: center;line-height: 40px;border: solid 1px #e6e6e6;border-radius: 3px;background: url(../images/news-more.png) no-repeat left 19px center;padding-left: 24px;}
.zhhd-list:hover img{transform: scale(1.1);}
.zhhd-list:hover span.more-span{background: #dc0a14 url(../images/pro-more.png) no-repeat left 19px center;color: white;border: none;}
.zhhd-list:hover h3{color: #bd1f26;}


/*技术支持*/
.service{
	padding: 80px 0 100px 0;
}
.ser-big{
	margin-left: -22.5px;
	padding-bottom: 50px;
}
.ser-list{
	display:block;
	float: left;
	margin-left: 22.5px;
	margin-bottom: 20px;
	width: 385px;
	height: 240px;
	border: solid 1px #dedede;
	padding: 28px;
	transition: all .5s;
}
.ser-list h3{
	height: 71px;
	font-size: 20px;
	color: #444444;
	line-height: 28px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    position: relative;padding-bottom: 15px;
    transition: all .5s;
}
.ser-list h3:after{
	position: absolute;
	content: '';
	width: 18px;
	height: 2px;
	background: #dc0a14;
	left: 0;
	bottom: 0;
	transition: all .5s;
}
.ser-list h4{
	font-size: 16px;
	font-family: arial;
	color: #999999;
	margin-top: 20px;
	margin-bottom: 30px;
	transition: all .5s;
}
.ser-list span{
	display: block;
	width: 130px;
	height: 40px;
	border: solid 1px #e6e6e6;
	border-radius: 3px;
	text-align: center;
	line-height: 38px;
	font-size: 14px;
	color: #666;
	padding-left: 24px;
	transition: all .5s;
	background: url(../images/news-more.png) no-repeat left 18px center;
}
.ser-list:hover{background: #dc0a14;}
.ser-list:hover h3{color: white;}
.ser-list:hover h3:after{background: rgba(255,255,255,0.8);}
.ser-list:hover h4{color: rgba(255,255,255,0.8);}
.ser-list:hover span{color: #dc0a14;background-image: url(../images/ser-moreH.png);background-color: white;}


/*下载中心*/
.download{
	padding: 45px 0 100px 0;
}
.download .ser-list span{background-image: url(../images/download.png);}
.download .ser-list:hover span{background-image: url(../images/downloadH.png);}

/*视频中心*/
.video{
	padding: 50px 0 100px 0;
}
.video-top{
	min-height: 97px;
	box-shadow: 0px 0px  15px rgba(0,0,0,0.08);
	text-align: left;
	padding: 0px 55px;
}
.video-top a{
	display: inline-block;
	font-size: 16px;
	color: #666666;
	padding: 0 12px;
	line-height: 67px;
}
.video-top a.active,.video-top a:hover{
	border-bottom: solid 3px #dc0a14;
	color: #dc0a14;
	line-height: 64px;
}
.video-big{
	padding: 50px 0 50px 0;
	margin-left: -22.5px;
}
.video-list{
	width: 385px;
	float: left;
	margin-left: 22.5px;
	margin-bottom: 22px;
}
.video-pic{
	width: 100%;
	height: 300px;
	border: solid 1px #e5e5e5;
	padding: 9px;
	position: relative;
}
.video-pic img{
	display: block;
	width: 100%;
	height: 100%;
}
.video-pic:after{
	position: absolute;
	width: 365px;
	height: 280px;
	content: '';
	background: rgba(0,0,0,0.2);
	top: 9px;
	left: 9px;
}
.video-pic:before{
	position: absolute;
	width: 56px;
	height: 56px;
	content: '';
	background: url(../images/paus.png) no-repeat center;
	left: 50%;
	top: 50%;
	margin-left: -28px;
	margin-top: -28px;
	z-index: 3;
}
.video-tit{
	margin-top: 8px;
	line-height: 34px;
	font-size: 16px;
	color: #666;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
/*视频*/
.msg-box-bg {width: 100%;height: 100%;position: fixed;left: 0;top: 0;display: none;z-index: 10001;background: rgba(0,0,0,0.5);}
.msg-box {width: 860px;height: 524px;padding: 50px;background-color: #F3F3F3;position: absolute;left: 50%;margin-left: -430px;top: 0;margin-top: -262px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
.msg-box .close-box {width: 38px;height: 38px;background: url("../images/btn-close-modal.png") no-repeat center;cursor: pointer;position: absolute;right: 10px;top: 10px;-webkit-transition: .5s;-ms-transition: .5s;-moz-transition: .5s;-o-transition: .5s;transition: .5s;}
.msg-box .close-box:hover {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}



/*常见问题*/
.problem{
	padding: 80px 0 100px 0;
}
.prb-big{padding-bottom: 45px;}
.prb-list{
	margin-bottom: 20px;
	border: solid 1px #dedede;	
}
.prb-top{padding: 0 30px;font-size: 18px;color: #444;height: 50px;line-height: 50px;position: relative;}
.prb-top:after{
	position: absolute;
	content: '';
	width: 20px;
	height: 2px;
	background: #dc0a14;
	right: 30px;
	top: 50%;
	margin-top: -1px;
}
.prb-top:before{
	position: absolute;
	content: '';
	width: 2px;
	height: 20px;
	background: #dc0a14;
	right: 39px;
	top: 50%;
	margin-top: -10px;
}
.prb-bot{display: none;}
.prb-pad{padding: 0 30px 35px 30px;}
.prb-bot h3{
	font-size: 14px;
	color: #999;
	font-family: arial;
	margin-bottom: 20px;
}
.prb-bot p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
/*.prb-list.on{padding-bottom: 35px;}*/
.prb-list.on .prb-top{height: 70px;}
.prb-list.on .prb-top:before{opacity: 0;}
.prb-list.on .prb-bot{display: block;}


/*联系我们*/
.con-one{
	padding: 60px 0 80px 0;
}
.con-one h3{
	font-size: 33px;
	color: #333333;
	line-height: 33px;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
}
.con-one h3:after{
	position: absolute;
	content: '';
	width: 26px;
	height: 2px;
	background: #dc0a14;
	bottom: 0;
	left: 50%;
	margin-left: -13px;
}
.con-one h4{
	font-size: 18px;
	color: #666;
	line-height: 18px;
	text-align: center;
	margin-top: 22px;
}
.con-one ul{margin-left: -26px;padding-top: 55px;}
.con-one li{transition: all .5s;padding: 35px 20px;float: left;width: 23%;height: 210px;background: white;box-shadow:0px 0px 15px rgba(0,0,0,0.1);margin-left: 2%;margin-bottom: 25px;}
.con-icon{margin-bottom: 20px; text-align: center;height: 32px;overflow: hidden;}
.con-img1,.con-img2{transition: all .5s;height: 32px;}
.con-one li h5{margin-bottom: 10px; font-size: 20px;color: #333;line-height: 20px;text-align: center;}
.con-one li p{font-size: 14px;color: #666;line-height: 22px;text-align: center;}
.con-one li:hover .con-img1,.con-one li:hover .con-img2{transform: translateY(-32px);}
.con-one li:hover{background: #dc0a14;}
.con-one li:hover h5,.con-one li:hover p{color: white;}

.con-two{padding: 65px  0;background: url(../images/con-bg.png) no-repeat center;background-size: cover;}
.con-two h3{
	font-size: 33px;
	color: #fff;
	line-height: 33px;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
}
.con-two h3:after{
	position: absolute;
	content: '';
	width: 26px;
	height: 2px;
	background: #fff;
	bottom: 0;
	left: 50%;
	margin-left: -13px;
}
.form{margin-top: 45px;}
.form p{height: 50px;/* margin-bottom: 20px; */margin-left: -22.5px;}
.form .text,.form select{
	float: left;
	width: 385px;
	height: 36px;
	margin-left: 22.5px;
	background: white;
	border: none;
	font-size: 14px;
	color: #666666;
	padding: 0 15px;
	line-height: 39px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
.form select{
	background: white url(../images/select.png) no-repeat right 15px center;
}
.form textarea{
	height: 138px;
	width: 100%;
	background: white;
	border: none;
	font-size: 14px;
	color: #666666;
	padding: 10px 15px;
	resize: none;
}
.submit{text-align: center;margin-top: 50px;}
.submit input{
	width: 150px;
	height: 40px;
	background: white;
	color: #666;
	font-size: 14px;
	border-radius: 30px;
	text-align: center;
	line-height: 40px;
	outline: none;
	border: none;
	cursor: pointer;
	transition: all .5s;
}
.submit input:hover{background: #dc0a14;color: white;}
.con-three img{display: block;width: 100%;}


/*人才招聘*/
.reciue{padding: 60px 0 75px 0;}
.reciue h3{
	font-size: 33px;
	color: #333333;
	line-height: 33px;
	text-align: center;
	position: relative;
	padding-bottom: 25px;
}
.reciue h3:after{
	position: absolute;
	content: '';
	width: 26px;
	height: 2px;
	background: #dc0a14;
	bottom: 0;
	left: 50%;
	margin-left: -13px;
}
.join-s{margin-top: 60px;padding-bottom: 20px;}
.job-item{margin-bottom: 20px;border: solid 1px #dddddd;}
.job-item.job-hide{display: none;}
.job-item.open .job-le:after{opacity: 0;}
.job-hea{width: 100%;height:79px;line-height: 119px;cursor: pointer;padding: 14px 33px;}
.job-le{float: right;width:46px;height:46px;position: relative;border: solid 2px #dc0a14;border-radius: 50%;margin-top: 3.5px;}
.job-le:before{content: '';width: 20px;height:2px;position: absolute;top:50%;left: 50%;margin-left:-10px;margin-top:-1px;background: #dc0a14;}
.job-le:after{content: '';height: 20px;width:2px;position: absolute;top:50%;left: 50%;margin-left:-1px;margin-top:-10px;background: #dc0a14;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.job-ri {
	float: left;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.job-z {
	display: block;
    font-size: 22px;
    color: #333333;   
    line-height: 22px;
    margin-bottom: 15px;
}
.job-d {
	display: block;
    color: #666;
    font-size: 16px;
    line-height: 16px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.job-d  span{
	padding: 0 15px;
}
.job-d  span:first-child{padding-left: 0;border-right: solid 1px #c5c5c5;}
.job-cont{display: none;}
.job-pad{padding:20px 35px 30px 35px;}
.job-b {
    position: relative;
}
.job-c-z{float: left;width: 50%;}
.job-c-z p{font-size: 16px;line-height: 28px;margin-bottom: 10px;}

.job-c-z li{color: #666;font-size: 14px;line-height: 28px;}

.btn-send{margin-top: 30px; line-height: 40px;width: 140px;text-align: center;font-size: 16px; color: #dc0a14;border:1px solid #dc0a14;display: inline-block;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.btn-send:hover{color: #fff;background: #dc0a14;}
.job-item.open .job-hea{border-bottom: solid 1px #dddddd;}
.job-pad h4{font-weight: bold;font-size: 16px;color: #444;line-height: 28px;margin-top: 5px;}
.job-pad p{font-size: 14px;color: #777;line-height: 28px;}
.loading {display: block;text-align: center;}


/*核心技术*/
.heart{
	padding: 60px 0 130px 0;
	background: url(../images/heart-bg.png) no-repeat center;
	background-size: cover;
}
.heart h3{
	font-size: 30px;
	color: #333;
	line-height: 34px;
	padding-left: 20px;
	border-left: solid 2px #dc0a14;
	margin-bottom: 40px;
}
.heart-pic{
	width: 290px;
	height: 290px;
	overflow: hidden;
	float: left;
}
.heart-pic img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.heart-pic:hover img{transform: scale(1.1);}
.heart-font{
	width: 855px;
	float: right;
	height: 250px;
	margin-top: 20px;
	padding: 0px 30px 0px 0;
	font-size: 16px;
	color: #777777;
	line-height: 28px;
	overflow-y: auto;
}
.heart-font::-webkit-scrollbar {
  width: 2px;
  background-color: #dcdcdc;
}
.heart-font::-webkit-scrollbar-thumb {
  background-color:#dc0a14;
  border-radius: 10px;
}
.heart ul{margin-top: 10px;margin-left: -13.3px;margin-bottom: 50px;}
.heart li{margin-left: 13.3px; float: left;width: 290px;height: 290px;overflow: hidden;}
.heart li img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.heart li:hover img{transform: scale(1.1);}


/*公司简介*/
.ab-one{
	padding: 63px 0 73px 0;
}
.ab-one h3{
	font-size: 30px;
	color: #333;
	line-height: 34px;
	padding-left: 20px;
	border-left: solid 2px #dc0a14;
	margin-bottom: 40px;
}
.abo-pic{
	width: 530px;
	height: 360px;
	float: left;
	overflow: hidden;
}
.abo-pic img{
	display: block;
	width: 100%;
	height: 100%;
	transition: all .5s;
}
.abo-pic:hover img{transform: scale(1.1);}
.abo-tit{
	height: 360px;
	width:595px;
	float: right;
	padding: 5px 0;
	padding-right: 45px;
	overflow-y: auto;
	
}
.abo-tit::-webkit-scrollbar {
  width: 2px;
  background-color: #dcdcdc;
}
.abo-tit::-webkit-scrollbar-thumb {
  background-color:#dc0a14;
  border-radius: 10px;
}
.abo-tit p{
	font-size: 16px;
	color: #777777;
	line-height: 28px;
}
.ab-two{
	padding: 65px 0 115px 0;
	background: url(../images/abt-bg.png) no-repeat center;
	background-size: cover;
}
.ab-two h3{
	font-size: 30px;
	color: #fff;
	line-height: 34px;
	padding-left: 20px;
	border-left: solid 2px #dc0a14;
	margin-bottom: 100px;
}
.ab-two ul{margin-left: -20px;}
.ab-two li{
	width: 590px;
	height: 220px;
	float: left;
	margin-left: 20px;
	padding: 25px 50px;
	background: rgba(126,126,132,0.9);
	transition: all .5s;
}
.ab-two li h4{
	font-size: 24px;
	color: white;
	line-height: 30px;
	margin-top: 13px;
}
.ab-two li p{
	font-size: 16px;
	color: white;
	opacity: 0.8;
	line-height: 26px;
	margin-top: 12px;
}
.ab-two li:first-child{
	background: url(../images/abt1.png) no-repeat center;
}
.ab-two li:hover{transform: translateY(-10px);}

.ab-three{padding: 60px 0 70px 0;}
.ab-three h3{
	font-size: 30px;
	color: #333333;
	line-height: 34px;
	padding-left: 20px;
	border-left: solid 2px #dc0a14;
	margin-bottom: 40px;
}
.ab-three ul{
	padding-top: 5px;
	margin-left: -10px;
}
.ab-three li{width: 290px;height: 400px;float: left;margin-left: 10px;background: white;padding: 40px 30px;box-shadow: 5px 5px 30px rgba(0,0,0,0.1);margin-top: 10px;}
.abe-pic{width: 100%;height: auto;overflow: hidden;}
.abe-pic img{display: block;width: 100%;height: 100%;}
.abe-swiper.swiper-container{padding-bottom: 40px;}
.abe-swiper.swiper-container .swiper-pagination{bottom: 0;}
.abe-swiper.swiper-container .swiper-pagination-bullet{opacity: 1;background: none;border: solid 2px #cccccc;color: #000;margin: 0 5px !important;width: 53px;height: 25px;line-height: 23px;border-radius: 0;}
.abe-swiper.swiper-container .swiper-pagination-bullet-active{border-color: #dc0a14;background: #dc0a14;color: #fff;}
/*图片放大*/
#darkbox {
  position: fixed;
  z-index: 9999;
  background: rgba(0,0,0,0.8) no-repeat none 50%;
  background-size: contain;
  -webkit-box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
          box-shadow: 0 0 0 3000px rgba(0,0,0,0.8);
  opacity: 0;
  visibility: hidden;
}
#darkbox.on {
  opacity: 1;
  visibility: visible;
  height: 90% !important;
  width: 90% !important;
  left: 5% !important;
  top: 5% !important;
}
#darkbox_prev, #darkbox_next {
  cursor: pointer;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  height: 50px;
  width: 50px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}
#darkbox_prev {
  left: -2px;
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
#darkbox_next {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -2px;
}
#darkbox_prev:hover,#darkbox_next:hover{border-color: #fca61f;}
#darkbox-description {
  position: absolute;
  width: 100%;
  color: #fff;
  font-size: 18px;
  bottom: 25px;
  text-align: center;
  text-shadow: 0 1px 1px #000;
}
#darkbox:after {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  content: "";
  color: #fff;
  cursor: pointer;
  background: url(../images/close.png) no-repeat center transparent;
}


/* 在线客服样式 */
.kf-shqi{
	width: 100%;
	height: 40px;
}
.kf-shqi .m-icon{
	display: block;
	margin:0 auto;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	color: #fff;
	font-size: 14px;
	background:#dc0a14 url(../images/kf_close.png) no-repeat center;
	opacity:.6;
	cursor: pointer;
	transform: rotate(45deg);
	transition:all 0.3s;
}
.kf-shqi .m-icon:hover{opacity: 1;}
.gr_kefu.show .m-icon{transform: rotate(0);}
.gr_kefu{
	position:fixed;
	width:50px;
	height:154px;
	right:0;
	top:50%;
	margin-top: -77px;
	z-index:100;
}
.gr_kefu ul li{
	width:50px;height:50px;
	position:relative;
	margin-bottom:1px;
	font-size:14px;
	line-height:50px;
}
.gr_kefu ul li .sidebox{
	position:absolute;
	width:50px;height:50px;
	top:0;right:0;
	transition:all 0.3s;
	color:#fff;
	background:#dc0a14;
	overflow:hidden;
	opacity:.6;
}
.gr_kefu ul li.kf2 .sidebox{overflow:visible;}
.gr_kefu ul li .sidebox:hover{opacity:1;}
.gr_kefu ul li .sidebox3{font-size:16px;}
.gr_kefu .kf-icon{
	display: inline-block;
	width: 50px;
	height: 50px;
	font-size: 24px;
	text-align: center;
	line-height: 50px;
}
.gr_kefu ul li.kf1 .kf-icon{background: url(../images/qq.png) no-repeat center;}
.gr_kefu ul li.kf2 .kf-icon{background: url(../images/kf_wx.png) no-repeat center;}
.gr_kefu ul li.kf3 .kf-icon{background: url(../images/kf_tel.png) no-repeat center;}
.gr_kefu ul li.kf4 .kf-icon{background: url(../images/kf_email.png) no-repeat center;}
.gr_kefu ul li.kf-gotop .kf-icon{background: url(../images/kf_top.png) no-repeat center;}



.gr_kefu .kf_wx{ position:absolute; top:0;left:-140px;width:140px;display:none;background:#fff;border:1px solid #dadada;padding:14px;line-height:20px;color:#333;text-align:center;display:none;}
.gr_kefu .kf_wx img{ display:block;width:110px; height:110px;margin-bottom:5px;float:none;}
.gr_kefu .qq{height:0;position:relative;z-index:2;}
.gr_kefu .qq .sidebox{border:1px solid #78be21;height:auto;border-radius:5px 0 0 5px;width:140px;background:#fff;opacity:1;bottom:-50px;top:auto;text-align:center;padding-bottom:5px;right:-150px;}
.gr_kefu .qq h5{height:35px;line-height:35px;background:#78be21;font-weight:normal;color:#fff;font-size:14px;padding:0 10px;text-align:left;margin-bottom:10px;}
.gr_kefu .qq h5 i{float:right;cursor:pointer;transition:all 0.3s;position:relative;z-index:5;}
.gr_kefu .qq h5 i:hover{transform: rotate(90deg);}
.gr_kefu .qq  a{display:block;height:32px;line-height:32px;border-radius:18px;border:1px solid #78be21;margin:5px 15px}
.gr_kefu ul{ display:none;}
.sidebox3 span{    margin-top: -67px;display: block; margin-left: 50px;}

/*升级提示*/


/*面包屑*/
.breadcrumb{
	width: 100%;
	height: 40px;
	background-color:rgba(0,0,0,.22);
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 5;
}
.breadcrumb .crumb{float: right;padding-left: 25px;color: #fff;}
.breadcrumb i,
.breadcrumb a,
.breadcrumb span{
	font-size: 14px;
	line-height: 40px;
	display: inline-block;
	vertical-align: middle;
	color: rgba(255,255,255,.9);
}
.breadcrumb i{font-style: normal;}
.crumb-home{padding-left: 22px;background: url(../images/crumbhome.png) no-repeat left center;color: rgba(222,222,222,.66);}
.breadcrumb a{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;  margin-right: 4px;}
.breadcrumb a:hover{color:#dc0a14;}
.containersss {
    margin: 0 auto;
    width: 1200px;
}


.down-box{}
.down-top{height: 45px;text-align: center;margin-bottom: 20px;}
.down-top a{font-size: 18px;color: #333333; display: inline-block;padding-right: 17px;margin: 0 25px;position: relative;line-height: 45px;}
.down-top a:after{position: absolute;content: '';width: 8px;height: 8px;background: #cccccc;right: 0;top: 50%;margin-top: -4px;}
.down-top a.on{color: #dc0a14;}
.down-top a:hover{color: #dc0a14;}
.down-top a.on:after{background: #dc0a14;}
down-top a:after:hover{background: #dc0a14;}
.down-big{display: none;}
.down-big.on{display: block;}
.down-big thead td{height: 40px;background: #dc0a14;padding: 12px 0;}
.down-big table{width: 100%;}
.down-big span{display: block;text-align: center;color: white;font-size: 16px;line-height: 26px; border-right: solid 1px rgba(255,255,255,0.5);}
.down-big thead td.span1{width: 157px;}
.down-big thead td.span2{width: 477px;}
.down-big thead td.span3{width: 188px;}
.down-big thead td.span4{width:180px;}
.down-big thead td.span5{width:192px;}
.down-big tbody tr{height: 70px;border-bottom: solid 1px #d6d6d6;}
.down-big tbody td{font-size: 16px;color: #666;text-align: center;}
.down-big tbody td a{margin: 0 auto;background: url(../images/downloadH.png) no-repeat 18px center;border-radius: 3px;width: 130px;height: 40px;border: solid 1px #e6e6e6;display: block;font-size: 14px;color: #666;line-height: 38px;text-align: center;padding-left: 20px;}
.down-big tbody td a:hover{border-color: #dc0a14;background: #dc0a14 url(../images/download.png) no-repeat 15px center;color: white;background-size: 24px;}

.abs {
    position: absolute;
    height: 1px;
    top: -100px;
}

.rel {
    position: relative;
}


/**/
.news-right h2{margin-bottom: 35px;}
.appli-tj{transition: all .5s;display: block;width: 100%;border: solid 1px #ebebeb;margin-bottom: 20px;}
.tj-pic{overflow: hidden;width: 100%;border-bottom: solid 1px #ebebeb;}
.tj-pic img{transition: all .5s; display: block;width: 100%;}
.tj-tit{height: 60px;line-height: 60px;text-align: center;font-size: 18px;color: #666;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;background: white;}
.appli-tj:hover img{transform: scale(1.05);}
.appli-tj:hover{box-shadow: 0 5px 30px rgba(0,0,0,0.06);}
.appli-tj:hover .tj-tit{color: #dc0a14;}


.swiper3 a{display: block;float: left;width: 520px;margin-left: 20px;}
.swiper3 a:first-child{margin-left: 0;}
@media all and (max-width: 1640px) {
	.swiper3 a{width: 386px;}
	.in4-pic img{ height:244px;}
}

/*2019.10.29*/
.cplb{margin: 50px 0px;}
.cplb ul{    text-align: center;}
.cplb ul li{text-align: center;background-color: #1d1d1d;margin: 0px 10px;line-height: 36px;font-size: 16px;padding: 0px 10px;border-radius: 15px;display: inline-block;}
.cplb ul li a{color: white;}
/*.cplb ul li:hover{background-color: #dc0a14;}*/
.prolist{width: 325px;display: inline-block;border: 1px solid #9e9e9e6b;padding: 0px 0px;margin: 0% 3% 2% 3%;/* height: 433px; *//* margin: 50px 0px; */}
.prolist img{width: 325px;}
.prolist .p-tit{
    width: 324px;
    background-color: #1d1d1d;
    padding: 15px 20px 15px;
    }
.prolist .p-tit h3
{
        color: #fff;
        font-size: 17px;
        line-height: 28px;
        margin-bottom: 4px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        /* letter-spacing: 1px; */
 }
 
 .prolist .p-tit p
{
    color: rgba(255,255,255,0.8);
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 22px;
    height: 88px;
    text-align: left;
}

 .prolist .p-tit span
{
    display: inline-block;
    width: 150px;
    height: 31px;
    border: 1px solid rgba(255,255,255,0.6);
    border-radius: 19.5px;
    margin-top: 10px;
    color: #fff;
    font-size: 16px;
    line-height: 29px;
    position: relative;
    text-align: left;
    padding-left: 26px;
}

.prolist :hover .p-tit{
    background-color: #dc0a14;
    
}
.prolist .p-pic{height: 255px;}
.prolist :hover img
{
    /*transform: scale(1.02);  */
}

 .prolist .p-tit span i {
    display: inline-block;
    width: 23px;
    height: 13px;
    background: url(../images/right.png) no-repeat center;
    position: absolute;
    right: 24px;
    top: 50%;
    margin-top: -6.5px;
}

 .proliston
 {
   background-color: #dc0a14!important;
 }

.containerprolist
{
        width: 1200px;
         margin: 0 auto;
         display:none;
 }
  .prolistshow{ display: block}
  
 .tjpro
 {
     
width: 1200px;
     
/* background: #fafafa; */
     
/* border: solid 1px #ebebeb; */
     
padding: 20px 25px 35px 25px;
     
margin: auto;
  }
  
 .tjpro h3
 {
     font-size: 36px;
    line-height: 36px;
    color: #444;
    text-align: center;
    margin-bottom: 50px;
  }
  .tjpro-tj
  {
         transition: all .5s;
    display: block;
    width: 29%;
    border: solid 1px #ebebeb;
    margin-bottom: 20px;
    display: inline-block;
    margin: 0px 2%;
      
   }
   
  .tjpro a:hover .tj-tit
  {
      color:#dc0a14;
      
   }
   .tjcms
   {
           width: 100%;
    padding: 0px;
       }
   .tjcms h3
   {
           font-size: 20px;
    text-align: left;
    margin: 30px 0px  20px 0px;
   }
      
   .tjcms-tj
   {
    /* height: 26px; */
    /* line-height: 32px; */
    text-align: center;
    font-size: 16px;
    color: #666;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    margin-bottom: 20px;
       
    }  
    .tjcms-tj:hover .cmstj-tit
   { 
        color:#dc0a14;
         text-decoration: underline;
   }
   
   .cmstj-tit {
    height: 26px;
    line-height: 26px;
    text-align: left;
    font-size: 16px;
    color: #666;
}
    
    
@media (max-width: 1200px)
{
   
  .prolist .p-tit,.cplb ul li {
   
    background-color:black;
   
}
   
    
 }
 
 /*2020*02*27*/
 .walx {
        
        width: 1200px;
        margin: auto;
        margin-bottom: 40px;
        height: 60px;
    }
        


  .walx a.active {
        color: red;
    }

 .walx a {
            font-size: 16px;
            color: #666;
            display: block;
            float: left;
            padding: 0 40px;
            line-height: 60px;
            position: relative;
    }
    
   .walx a:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 20px;
    background: #dddddd;
    right: 0;
    top: 50%;
    margin-top: -10px;
}

.walx a:hover {
     color: red;
}
a.bshareDiv .bsPromo, div.bshare-custom .bsPromo{display:block !important;position:inherit !important;}
div.bshare-custom .bsPromo.bsPromo2{background:url() !important;}

/*20200826*/
.prohz-list{
        background: white;
    width: 280px;
    height: 150px;
    padding: 10px;
}
.prohz-list img{
       width: 260px;
    height: 130px;
}

/*20201020*/
.wfbf
{
    width: 180px;
    border: 1px solid #dc0a14;
    /* border-radius: 4px; */
    position: fixed;
    z-index: 999;
    background-color: #dc0a14;
    right: 0px;
    top: 30%;
 }
.wfbf p{
    font-size: 14px;
    color: white;
    line-height: 32px;
    background: url(../images/wfbf.png) no-repeat  10px 6px;
    background-size: 20px;
    padding-left: 35px;
    }
.wfbf p:hover{
    text-decoration: underline;
}
.probtn{    margin: 20px 0px;}
.probtn input{    width: 200px;
    background-color: #dc0a14;
    color: white;
    font-size: 16px;
    line-height: 32px;
    cursor: pointer;
    border: 1px solid #dc0a14;}
 
/*20201028*/
.head-login{
    float: right;
    height: 98px;
    margin-right: 20px;
}
.head-login a
{
   width: 22px;
    display: block;
    height: 22px;
    margin-top: 38px;
    background: url(/skin/hbs/images/login.png) no-repeat center;
    background-size: 22px;  
}
.head-login a:hover
{
  
    background: url(/skin/hbs/images/loginh.png) no-repeat center;
    background-size: 22px;  
}
/*.head-login img{
    width: 22px;
    margin-top: 38px;
    cursor: pointer;
}*/

   
   
 .pro-ckgd {
    padding: 0% 4% 2% 4%;
    text-align: right;
    width: 100%;
}
.pro-ckgd p{font-size: 16px;display: inherit;border-bottom: 2px solid #666;color: #666;padding: 5px 5px;}
.pro-ckgd p:hover{
    color: #dc0a14;
    /* text-decoration: underline; */
    border-bottom: 2px solid #dc0a14;
    color: #dc0a14;
    padding: 5px 5px;
}

.gsdzs{
    margin-bottom: 30px;
}
.gsdzs h5{
    border-left: 2px solid #bd1f26;
    padding-left: 12px;
    margin-bottom: 15px;
    color: white;
    font-size: 16px;
    line-height: 21px;
}
.gsdzs ul{}
.gsdzs ul li{
    color: rgba(255,255,255,0.4);
    width: 24%;
    font-size: 14px;
    line-height: 24px;
    float: left;
    margin-right: 1%;
    border: 1px solid rgb(255 255 255 / 11%);
    padding: 10px;
    height: 70px;
}
.gsdzs ul li span{
    color: white;
}

.gsdzs ul li:hover{
    border-color: white;
    color: white;
}

.ab-three  .abe-swiper.swiper-container .swiper-pagination-bullet{
	
width: 8px;
	
height: 8px;
	
border-radius: 50%;
}